<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">

<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>管理后台</title>
<meta name="description" content="" />
<meta name="keywords" content="index" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="renderer" content="webkit" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta name="apple-mobile-web-app-title" content="Amaze UI" />
<link rel="icon" type="image/png" th:href="@{/ui/i/favicon.png}" />
<link rel="apple-touch-icon-precomposed" th:href="@{/ui/i/app-icon72x72@2x.png}" />
<link th:href="@{/bootstrap/bootstrap.min.css}" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" th:href="@{/ui/css/amazeui.min.css}" />
<link rel="stylesheet" th:href="@{/ui/css/amazeui.datetimepicker.css}"/>
<link rel="stylesheet" th:href="@{/ui/css/app.css}" />
<link th:href="@{/plugins/bootstrap-fileinput/css/fileinput.min.css}" rel="stylesheet" type="text/css"/>
<link th:href="@{/plugins/dtGrid/dlshouwen.grid.min.css}" rel="stylesheet" type="text/css"/>
<script th:src="@{/ui/js/jquery.min.js}"></script>
<script type="text/javascript" th:src="@{/plugins/ckeditor/ckeditor.js}"></script>	
</head>

<body data-type="index">
	<script th:src="@{/ui/js/theme.js}"></script>
	<div class="am-g tpl-g">
		<!-- 头部 -->
		<header>
			<!-- logo -->
			<div class="am-fl tpl-header-logo" >
				<a href="javascript:;"><img th:src="@{/ui/img/logo.png}" alt="" style="height: 48%"/></a>
			</div>
			<!-- 右侧内容 -->
			<div class="tpl-header-fluid">
				<!-- 侧边切换 -->
				<div class="am-fl tpl-header-switch-button am-icon-list">
					<span> </span>
				</div>
				<!-- 其它功能-->
				<div class="am-fr tpl-header-navbar">
					<ul>
						<!-- 欢迎语 -->
						<li class="am-text-sm tpl-header-navbar-welcome"><a
							href="javascript:;">欢迎你, <span th:text="${user.userName}"></span>
						</a></li>
						
						<!-- 新邮件 -->
                        <li class="am-dropdown tpl-dropdown" data-am-dropdown="" >
                            <a href="javascript:;" class="am-dropdown-toggle tpl-dropdown-toggle" data-am-dropdown-toggle="">
                                <i class="am-icon-envelope">修改密码</i>
                            </a>
                            <!-- 弹出列表 -->
	                        <form class="am-form tpl-form-line-form am-dropdown-content tpl-dropdown-content" id="restForm" method="post" >
							<input type="hidden"  name="id" th:value="${user.id}" />
							<input type="hidden"  name="accountName" th:value="${user.accountName}" />
							<input type="hidden"  name="isSelf" value="true"/>
								<div class="am-form-group" style="width:500px;">
									<label for="indexPassword" class="am-u-sm-3 am-form-label" >旧密码</label>
									<div class="am-u-sm-9">
										<input type="password" id="oldPassword" class="tpl-form-input" placeholder="请输入旧密码" name="oldPassword"/>
										<span id="pass-error" class="am-icon-times" style="display: none">sssssss</span> 
									</div>
								</div>
								<div class="am-form-group" style="width:500px;">
									<label for="indexPassword" class="am-u-sm-3 am-form-label" >新密码</label>
									<div class="am-u-sm-9">
										<input type="password" id="indexPassword" class="tpl-form-input" placeholder="请输入密码" name="password"  onblur="javascript:checkPassword('first')"/>
										<span id="pass-error" class="am-icon-times" style="display: none">sssssss</span> 
									</div>
								</div>
								<div class="am-form-group">
									<label for="indexRepassword" class="am-u-sm-3 am-form-label" id="repasswordMsg">确认密码</label>
									<div class="am-u-sm-9">
										<input type="password" id="indexRepassword" class="tpl-form-input" placeholder="请再次输入密码" name="repassword" onblur="javascript:checkPassword()"/> 
										<span id="repass-error" class="am-icon-times" style="display: none">sssssss</span>
									</div>
								</div>
							
								<div class="am-form-group">
									<div class="am-u-sm-10 am-u-sm-push-2">
										<button type="button" onclick="javascript:restPassword()" class="am-btn am-btn-primary tpl-btn-bg-color-success ">提交</button>
									</div>
								</div>
							</form>
                        </li>
                        

						<!-- 退出 -->
						<li class="am-text-sm"><a href="mylogout"> <span
								class="am-icon-sign-out"></span> 退出
						</a></li>
					</ul>
				</div>
			</div>

		</header>
		<!-- 风格切换 -->
		<div class="tpl-skiner">
			<div class="tpl-skiner-toggle am-icon-cog"></div>
			<div class="tpl-skiner-content">
				<div class="tpl-skiner-content-title">选择主题</div>
				<div class="tpl-skiner-content-bar">
					<span class="skiner-color skiner-white" data-color="theme-white"></span>
					<span class="skiner-color skiner-black" data-color="theme-black"></span>
				</div>
			</div>
		</div>
		<!-- 侧边导航栏 -->
		<div class="left-sidebar">
			<!-- 用户信息 -->
		<!-- 	<div class="tpl-sidebar-user-panel">
				<div class="tpl-user-panel-slide-toggleable">
					<div class="tpl-user-panel-profile-picture">
						<img src="static/ui/img/user04.png" alt="" />
					</div>
					<span class="user-panel-logged-in-text"> <i
						class="am-icon-circle-o am-text-success tpl-user-panel-status-icon"></i>
						禁言小张
					</span> <a href="javascript:;" class="tpl-user-panel-action-link"> <span
						class="am-icon-pencil"></span> 账号设置
					</a>
				</div>
			</div> -->

			<!-- 菜单 -->
		<!-- 	<ul class="sidebar-nav">
				<li class="sidebar-nav-heading">Components <span class="sidebar-nav-heading-info"> 附加组件</span></li>
				<li class="sidebar-nav-link"><a href="index.html" class="active" > <i class="am-icon-home sidebar-nav-link-logo"></i>首页</a></li>
				<li class="sidebar-nav-link" th:each="menu:${menus}" >
					<a href="javascript:;" class="sidebar-nav-sub-title" > <i class="sidebar-nav-link-logo" th:attrappend="class=' '+${menu.icon}"></i><nb th:text="${menu.name}"></nb>
						<span class="am-icon-chevron-down am-fr am-margin-right-sm sidebar-nav-sub-ico" th:if="${#lists.size(menu.children)>0}"></span>
					</a>
					<ul class="sidebar-nav sidebar-nav-sub" th:if="${#lists.size(menu.children)>0}">
						<li class="sidebar-nav-link" th:each="child:${menu.children}"><a th:onclick="'menuLoad(\''+${child.sourceUrl}+'\',this)'"> <span class="am-icon-angle-right sidebar-nav-link-logo"></span> <nb th:text="${child.name}"></nb></a></li>
					</ul>
				</li>
			</ul>
		</div> -->
			<ul class="sidebar-nav">
				<li class="sidebar-nav-link"><a href="index.html" class="active" > <i class="am-icon-home sidebar-nav-link-logo"></i>首页</a></li>
					<li class="sidebar-nav-link" th:each="menu:${menus}" >
					<a href="javascript:;" class="sidebar-nav-sub-title" > 
						<i class="sidebar-nav-link-logo" th:attrappend="class=' '+${menu.icon}"></i>
						<nb th:text="${menu.name}"></nb>
						<span class="am-icon-chevron-down am-fr am-margin-right-sm sidebar-nav-sub-ico" th:if="${#lists.size(menu.children)>0}"></span>
					</a>
					<ul class="sidebar-nav sidebar-nav-sub" th:if="${#lists.size(menu.children)>0}">
						<li class="sidebar-nav-link" th:each="child:${menu.children}">
							<a th:if="${child.type eq 3}" href="javascript:;" class="sidebar-nav-sub-title">
						 	    <span  class="am-icon-chevron-down am-fr sidebar-nav-link-logo sidebar-nav-sub-ico" ></span>
						  	    <nb th:text="${child.name}"></nb>
						    </a>
						   <a th:if="${child.type eq 1}" th:onclick="'menuLoad(\''+${child.sourceUrl}+'\',this)'">
						 	    <span  class="am-fr sidebar-nav-link-logo am-icon-angle-right" ></span>
						  	    <nb th:text="${child.name}"></nb>
						    </a> 
						    
							<ul class="sidebar-nav sidebar-nav-sub" th:if="${#lists.size(child.children)>0}">
								<li class="sidebar-nav-link" th:each="child2:${child.children}">
									<a th:onclick="'menuLoad(\''+${child2.sourceUrl}+'\',this)'">
								 		<span th:if="${#lists.size(child.children)>0}" class="am-icon-angle-right sidebar-nav-link-logo"></span>
								  	    <nb th:text="${child2.name}"></nb>
								    </a>
								</li>
							</ul> 
						</li>
					</ul>
				</li>
			</ul>
		</div>


	

		<!-- 内容区域 -->
		<div class="tpl-content-wrapper">

			<div class="container-fluid am-cf">
				<!-- <div class="am-tabs" data-am-tabs=""  id="doc-tab">
				  <ul class="am-tabs-nav am-nav am-nav-tabs">
				   
				  </ul>
				  <div class="am-tabs-bd">
				   
				  </div>
				</div> -->
				 <div class="am-modal am-modal-alert am-modal-out" tabindex="-1" id="my-alert">
				  <div class="am-modal-dialog">
				    <div class="am-modal-hd"  id="alertText">提示</div>
				    <div class="am-modal-footer">
				      <span class="am-modal-btn" onclick="$('#my-alert').hide();">确定</span>
				    </div>
				  </div>
				</div>
			</div>
		</div>
	</div>
	<script th:src="@{/ui/js/amazeui.min.js}"></script>
	<script th:src="@{/ui/js/amazeui.datetimepicker.min.js}"></script>
	<script th:src="@{/ui/js/amazeui.datetimepicker.zh-CN.js}"></script>
	<script th:src="@{/plugins/dtGrid/dlshouwen.grid.js}"></script>
	<script th:src="@{/plugins/dtGrid/i18n/zh-cn.js}"></script>
	<script th:src="@{/plugins/layer-v2.3/layer.js}"></script>	
	<script type="text/javascript" th:src="@{/plugins/jquery-validation/jquery.validate.js}"></script>
	<script type="text/javascript" th:src="@{/plugins/jquery-validation/localization/messages_zh.js}"></script>
	<script type="text/javascript" th:src="@{/plugins/bootstrap-fileinput/js/fileinput.js}"></script>
	<script type="text/javascript" th:src="@{/customer/index.js}" />
	<script th:src="@{/ui/js/app.js}"></script>
	<script th:inline="javascript"> var contextRoot = /*[[@{/}]]*/ ''; </script>

	
</body>
</html>